<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        //坑1
        console.log(num);
        var num = 10;
        //代码预解析后得到以下,所有打印undefined
        //begin--------------
        var num;
        console.log(num);
        num = 10;
        //end----------------

        //坑2
        fun();
        var fun = function() {
            console.log(111);
        };
        //代码预解析后得到以下,所有报错
        //begin--------------
        var fun;
        fun();
        fun = function() {
            console.log(111);
        };
        //end----------------

        /* 
            1.js引擎解析js分为两步: 预解析 代码执行
            (1)预解析 js引擎会把js里面所有的var还有function提升到当前作用域最前面
            (2)代码执行,按照代码书写的顺序从上往下执行
            2.预解析分为变量解析(变量提升)和函数预解析(函数提升)
            (1)变量提升: 把所有的变量声明提升到当前的作用域最前面   不提升赋值操作
            (2)函数提升: 把所有的函数声明提升到当前作用域的最前面   不调用函数
        */
    </script>
</head>

<body>

</body>

</html>